<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>魔米宠物医院</title>
		<link href="static/css/style.css" rel="stylesheet">
		<link href="static/css/bootstrap.min.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <link href="static/css/IE8.css" rel="stylesheet">
        <![endif]-->
	</head>

	<body>
		<!--头部-->
		<header>
			<!--页眉-->
			<div class="header">
				<div class="container">
					<p class="p14 col-md-6 col-xs-6 text-left">欢迎来到魔米宠物医院!</p>
					<P class="p14 col-md-6 col-xs-6 text-right"><span class="glyphicon glyphicon-earphone"></span>&nbsp;&nbsp;&nbsp;宠物咨询：0512-6500-1280</P>
				</div>
			</div>

			<!--导航-->
			<nav class="nav_top">
				<div class="container">
					<div class="navbar-header">
						<button class="navbar-toggle collapsed mean" data-toggle="collapse" data-target="#mynavbar">                     
		                      <span class="icon-bar"></span>
		                      <span class="icon-bar"></span>
		                      <span class="icon-bar"></span>
		                 </button>
						<a class="navbar-brand logo"><img src="static/images/logo.png"></a>
					</div>
					<div id="mynavbar" class="collapse navbar-collapse">
						<ul class="nav navbar-nav nav_li navbar-right">
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="about.html">关于我们</a>
							</li>
							<li>
								<a href="product.html">医疗设施</a>
							</li>
							<li>
								<a href="service.html">医疗服务</a>
							</li>
							
							<li>
								<a href="news.html">宠物百科</a>
							</li>
							<li>
								<a href="contact.html">联系我们</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<!--幻灯片-->
		<section class="ab_img">
			<img src="static/images/contact.jpg">
		</section>
		<!--联系-->
		<div class="title1">
			<div class="title1_top">
				<h2>联系我们</h2>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="huanyanshow_con col-md-7 col-sm-12 col-xs-12">
					<div class="form_3">
						<ul class="clearfix">
							<li><span>品种<i>*</i></span><input type="text" /></li>
							<li><span>姓名 <i>*</i></span><input type="text" /></li>
							<li><span>手机 <i>*</i></span><input type="text" /></li>
							<li><span>邮箱 <i>*</i></span><input type="text" /></li>
						</ul>
						<div class="text_a">
							<span>内容 <i>*</i></span><textarea name=""></textarea >
					    </div>
					        <a href="contact.html" class="sum_b">立即提交</a>			
				        </div>
				   </div>
				   <div class="col-md-5 col-sm-12 col-xs-12 icoo">
				   		  <p class="p16"><span class="glyphicon glyphicon-envelope"></span>联系邮箱：Cindy@kindjob.cn</p>
					   	  <p class="p16"><span class="glyphicon glyphicon-phone-alt"></span>联系电话：0512-6500-1280</p>
					   	  <p class="p16"><span class="glyphicon glyphicon-home"></span>联系地址：苏州市唯华路5号君风生活广场9幢110号</p>
					   	  <p class="p16"><span class="glyphicon glyphicon-globe"></span>公司官网：http://www.kindjob.cn/</p>			   	     
				   </div>
		   	</div>
		</div> 		   
	      
                <div class="ctn clearfix" style="font-size: 0px;">
					<iframe src="map.html" width="100%" height="450px"></iframe>
				</div>
	      
		<!--联系我们-->
		<footer class="footer">
			<div class="container">
				<div class="b-nav wow fadeInUp" data-wow-delay=".1s">
					<a href="index.html">首 页</a>
					<a href="about.html">关于我们</a>					
					<a href="product.html">医疗设施</a>
					<a href="service.html">医疗服务</a>
					<a href="news.html">宠物百科</a>					
					<a href="contact.html">联系我们</a>
				</div>
				<p class="wow fadeInUp jshu" data-wow-delay=".3s">Copyright © 2017-2027 宠物医院 | 魔米宠物医院</p>
				<p class="wow fadeInUp jshu" data-wow-delay=".5s">技术支持：&nbsp;&nbsp;&nbsp;
					<a href="#" target="_blank">版权所有</a>
				</p>
			</div>
		</footer>
		<!--回到顶部-->
			<a class="top"><span class="glyphicon glyphicon-menu-up jiantou"></span></a>
		<script src="static/js/jquery-3.1.1.min.js"></script>
		<script src="static/js/bootstrap.min.js"></script>
		<script>
				$(window).scroll(function(){
					$(".top").show();
					if($(window).scrollTop()<=300){
						$(".top").hide();
					}
				});			
			   $(".top").click(function(){
			       $("html").animate({"scrollTop": "0px"},100); //IE,FF
			       $("body").animate({"scrollTop": "0px"},100); //Webkit
			       });
		</script>
	</body>

</html>